<template>
    <div>
        <home-header></home-header>  <!--引入头部文件-->
        <div class="content">
          <div class="content-left">
            <center-novice></center-novice>
            <center-matter></center-matter>
            <center-pay></center-pay>
          </div>
        </div>
        <home-footer></home-footer>
    </div>
</template>

<script>
import HomeHeader from '../home/components/Header.vue' // 引入header文件
import CenterNovice from './components/Novice'
import CenterMatter from './components/Matter'
import CenterPay from './components/Pay'
import HomeFooter from '../home/components/Footer' // 引入底部
export default {
  name: 'center',
  components: {
    HomeHeader,
    CenterNovice,
    CenterMatter,
    CenterPay,
    HomeFooter
  }
}
</script>

<style lang="stylus" scoped>
      .content
        display: flex
        width: 20rem
        height: 6rem
        margin: auto
        margin-top: .3rem
        padding-bottom: 2.1rem
        .content-left
          display: flex
          flex-direction: column
          width: 4.2rem
          height: 7rem
          border-right: 3px solid #d1d1d1;
</style>
